<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../css/responsiveWeb.css">
<meta name="viewpor" content="width=device-width, initial-scale=1.0">
<title>Insert title here</title>
</head>
<body class="body">
	<header class="mainheader"> <img src="/TestWeb/images/top.jpg">

	<nav>
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">portfolio</a></li>
		<li><a href="#">Gallary</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
	</nav> 
	</header>

	<div class="mainContent">
		<div class="content">
			<article class="topcontent"> <header>
			<h2>first</h2>
			</header> <footer>
			<p class="post-info">This post is written by kisun</p>
			</footer> <content>
			<p>빌보드차트 듣기 (11월 8일 2014년 Billboard 100) 3일전 보내기 빌보드차트 듣기 (11월 8일
				2014년 Billboard 100) 빌보드차트(11월 8일 2014년 Billboard 100) 빨간색은 차트에 첫진입
				곡 혹은 강조곡이구요, RE는 재진입 곡이에요 ^^</p>
			</content> </article>
		</div>
	</div>
	<aside class="top-sidebar"> <article>
	<h2>Top sidebar</h2>
	<p>뚱뚱함은 단지 체형의 문제로 받아들여지지 않는다. 자기관리를 못하는 사람, 뭔가 비뚤어진 사람, 결국 열등한
		사람으로 간주된다. 개그 프로그램을 봐도 뚱뚱함이 웃음의 소재가 되지, 마른 체형은 별로 다뤄지지도 않는다.</p>
	</article> </aside>
	<aside class="middle-sidebar"> <article>
	<h2>middle sidebar</h2>
	<p>뚱뚱함은 단지 체형의 문제로 받아들여지지 않는다. 자기관리를 못하는 사람, 뭔가 비뚤어진 사람, 결국 열등한
		사람으로 간주된다. 개그 프로그램을 봐도 뚱뚱함이 웃음의 소재가 되지, 마른 체형은 별로 다뤄지지도 않는다.</p>
	</article> </aside>
	<aside class="bottom-sidebar"> <article>
	<h2>bottom sidebar</h2>
	<p>뚱뚱함은 단지 체형의 문제로 받아들여지지 않는다. 자기관리를 못하는 사람, 뭔가 비뚤어진 사람, 결국 열등한
		사람으로 간주된다. 개그 프로그램을 봐도 뚱뚱함이 웃음의 소재가 되지, 마른 체형은 별로 다뤄지지도 않는다.</p>
	</article> </aside>
	<footer class="mainFooter">
	<p>
		Copyright &copy:<a href="#" title="footer">1stwebkisun.com</a>
	</p>
	</footer>
</body>
</html>